.app-container {
  .search-area {
    padding: 24px 19px;
    background-color: #fff;
    margin-bottom: 24px;
    border-radius: 8px;
    box-shadow: 0px 3px 12px 12px rgba(216, 215, 215, 0.1);
    .el-form {
      padding: 23px 24px;
      background: #f8f8f8;
      border-radius: 8px;
      .el-form-item {
        margin-right: 40px;
        &:last-child {
          float: right;
          margin-right: 0;
        }
        .el-input__inner {
          width: 200px;
        }
      }
    }
    // 清除浮动占位
    .clearfix::after {
      content: '';
      display: table;
      clear: both;
    }
  }
  .main-content {
    background-color: #fff;
    padding: 24px;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 0 !important;
    box-shadow: 0px 3px 12px 12px rgba(216, 215, 215, 0.1);
  }
  //表格左侧存在树的情况 el-row加type='flex'
  .main-content-two {
    margin: 0 !important;
    .main-content-left {
      padding-top: 10px;
      margin-right: 16px;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0px 3px 12px 12px rgba(216, 215, 215, 0.1);
    }
    .main-content-right {
      // padding-top: 10px;
      // background-color: #fff;
    }
  }
  .el-form--inline .el-form-item {
    margin-bottom: 10px ;
  }
}
